.conteneur{
  width: 400px;
  color: white;
  border: 1px solid black;/*Crée une bordure autour du div*/
}

#d1{
  font-size: 16px; /*Taille (hauteur) du texte : 16px*/
  width: 50%;/*Largeur égale à 50% de celle de l'élément parent = 400px / 2 = 200px**/
  background-color: blue;
}
#d2{
  font-size: 16px; /*Taille (hauteur) du texte : 16px*/
  width: 2em; /*Largeur égale à 2 fois 16px = 32px*/
  background-color: purple;
}